<!-- 
  Create tabs with an icon and label, using the tabs-positive style. 
  Each tab's child <ion-nav-view> directive will have its own 
  navigation history that also transitions its views in and out.
-->
<ion-view title="{{'configuration' | translate}}">
	<ion-nav-buttons side="left">
		<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
	</ion-nav-buttons>	
	
	<ion-tabs class="tabs-icon-top">
	  <!-- Resume Tab -->
	  <ion-tab title="{{'resume' | translate}}" icon="icon ion-document-text">
		<ion-nav-view name="tab-resume">
			<ion-view title="{{'resume' | translate}}">
				<ion-content>
				<div ng-controller="ConfigurationCtrl">
					<label class="item item-input item-select">
						<div class="input-label" translate="type">
							{{"language" | translate}}
						</div>
						
						<select ng-model="selectedItem" 
							  ng-options="item as item.name for item in items"></select>						
						{{changeLanguage(selectedItem.id)}}
						<!--<select id="slt_type"  ng-controller="AppCtrl">
						  <option selected value='1' translate="portuguese" ng-click="setLang('pt_BR')">Portuguese</option>
						  <option value='2' translate="english" ng-click="setLang('en_US')">English</option>
						</select>-->
					</label>					
				</div>	
              <div ng-controller="ConfigurationCtrl">
                <button class="btn" ng-click="changeLanguage('en_US')" translate="english" class="ng-scope">english</button>
                <button class="btn" ng-click="changeLanguage('pt_BR')" translate="portuguese" class="ng-scope">portuguese</button>
              </div>
				</ion-content>
			</ion-view>	
		</ion-nav-view>
	  </ion-tab>

	  <!-- Grafics Tab -->
	  <ion-tab title="{{'graphics' | translate}}" icon="icon ion-heart">
		<ion-nav-view name="tab-graphics">

			<ion-view title="Graphics">
				<ion-content>

				
				</ion-content>
			</ion-view>	
		
		</ion-nav-view>
	  </ion-tab>
	  
	  <!-- Parcials Tab -->
	  <ion-tab title="partial" icon="icon ion-navicon-round">
		<ion-nav-view name="tab-parcials">
			<ion-view title="Parcials">
			  <ion-content>

			  </ion-content>
			</ion-view>	
		
		</ion-nav-view>
	  </ion-tab>

	  </ion-tab>
	</ion-tabs>
</ion-view>
